<div id="mapContainer" class="col-xs-12 col-sm-7 col-md-7 col-lg-7 div-bordered" style="height:930px"></div>
<div  class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
    <div class="ribbon">
        <a href=""><span class="home fa fa-home"></span></a>
        <ol class="breadcrumb">
            <li>钢瓶列表</li>
        </ol>
    </div>


    <div class="table-wrapper table-bordered" style="height: 430px">
        <div class="toolbar">
            <form role="form">
                <div class="inline-group">
                    <label class="input"><input type="text" class="form-control input-sm" ng-model="q.bottleCode" ng-change="search()" placeholder="钢瓶编码"> </label>
                    <!--<button type="submit" class="btn btn-sm btn-primary" ng-click=""><i class="fa fa-search"></i> 搜索 </button>-->
                    <!--<label class="input">时间：</label>-->
                <!--</div>-->
                <!--<div class="inline-group" style="margin-top: 5px">-->
                    &nbsp;&nbsp;&nbsp;
                    <label class="input"><input type="text"  id="datetimepickerStart"  class="form-control input-sm" ng-model="q.startTime"></label>
                    <label class="input">—</label>
                    <label class="input"><input type="text"  id="datetimepickerEnd"  class="form-control input-sm" ng-model="q.endTime"></label>
                </div>
            </form>
        </div>
        <table class="table table-striped table-hover props table-sm">
            <thead>
            <tr>
                <th width="1%"></th>
                <th width="10%">序号</th>
                <th width="30%">编码</th>
                <th width="15%">规格</th>
                <th width="15%">状态</th>
                <th width="30%">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="bottle in vm.bottleList">
                <td></td>
                <td class="message">{{$index+1+pagerBottle.pageSize*(pagerBottle.getCurPageNo()-1)}}</td>
                <td class="message">{{bottle.number}}</td>
                <td class="message">{{bottle.spec.name}}</td>
                <td class="message">{{bottle.serviceStatus.name}}</td>
                <td class="operate">
                    <button title="查看位置" ng-click="location(bottle, bottle.longitude, bottle.latitude)" type="button" class="btn btn-primary btn-outline btn-xs">
                        <i class="">定位</i>
                    </button>
                    <button title="历史轨迹" ng-click="displayHistory(bottle.number)" type="button" class="btn btn-primary btn-outline btn-xs">
                        <i class="">轨迹</i>
                    </button>
                </td>
            </tr>
            </tbody>
        </table>
        <div ng-if="vm.bottleList.length == 0" nj-table-no-data></div>
        <div nj-pager pager="pagerBottle" hidepagesizeoptions=true></div>
    </div>

    <p/>
    <div class="ribbon">
        <a href=""><span class="home fa fa-home"></span></a>
        <ol class="breadcrumb">
            <li>交接记录</li>
        </ol>
    </div>

    <div class="table-wrapper table-bordered" style="height: 430px">
        <table class="table table-striped table-hover props table-sm">
            <thead>
            <tr>
                <th width="1%"></th>
                <th width="10%">序号</th>
                <th width="15%">持瓶者</th>
                <th width="15%">移交人</th>
                <th width="30%">事件</th>
                <th width="30%">时间</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="history in vm.historyListSplitByPage">
                <td></td>
                <td class="message">{{$index+1+pagerOpsLog.pageSize*(pagerOpsLog.getCurPageNo()-1)}}</td>
                <td class="message">{{history.srcUser}}</td>
                <td class="message">{{history.destUser}}</td>
                <td class="message">{{history.detail}}</td>
                <td class="message">{{history.createTime}}</td>
            </tr>
            </tbody>
        </table>
        <div ng-if="vm.historyListSplitByPage.length == 0" nj-table-no-data></div>
        <div nj-pager pager="pagerOpsLog" hidepagesizeoptions=true></div>
    </div>
</div>